The Date panel looks a lot like the previous panels, with a couple of
exceptions (refer to Example 1). Add the HTML
for the Date panel right after the Dates panel, just before the closing
</body>.Example 1. The HTML for the Date panel
<div id="date"> <div class="toolbar"> <h1>Date</h1> <a class="button back" href="#">Back</a> <a class="button slideup" href="#createEntry">+</a> </div> <ul class="edgetoedge"> <li id="entryTemplate" class="entry" style="display:none"> <span class="label">Label</span> <span class="calories">000</span> <span class="delete">Delete</span> </li> </ul> </div>
|
Now that you’ve added the Date panel, clicking
any item on the Dates panel will slide the empty Date panel (Figure 1) into view.